/*NAV ****************************/

.menu-link {display: none;}


nav ul {
	
	
  	clear: both;
  	overflow: hidden;
	margin: 0;
	border: 0;
  
  li {
    list-style-type: none;
    display: block;
    background: #777;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    /*width: 20%;*/
  }
    }

  nav li a {
	display:block;
	color: #fff;
	border-bottom: 0px solid #fff;
	float:left;
	height:49px;
	line-height:49px;
	padding:0px 18px 0px 18px;
	font-size:19px;
	font-family:"MyriadPro-Reg",sans-serif;
	font-weight:300;
}

 .hiddenMenuItem {display:none!important;}
 
 #menu ul li a {
	color: #FFFFFF;
}

#menu ul li a:hover  {
	background-color: #0189C9;
	text-decoration:none;
}

#menu ul li ul { display: none; }

 /* When the panel is closed, transition the page back to the left */
  #wrap {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
  }
  .openNav #wrap {
    left: 0;
    transform: translate3d(0%, 0px, 0px);
    transition: transform 500ms ease 0s;
}

#wrap #container #menu .hiddenFull.login a img {
	height: 35px;
	margin-right: 10px;
}

@media (max-width: 767px) {

  .openNav #wrap {
    left: 0;
    -webkit-transform: translate3d(70%, 0, 0);
    -moz-transform: translate3d(70%, 0, 0);
    -ms-transform: translate3d(70%, 0, 0);
    -o-transform: translate3d(70%, 0, 0);
    transform: translate3d(70%, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
  }

.menu-link {
    float: left;
    display: block;
	margin:20px 0 0 18px;
	position:absolute;
	background-image:url('../images/hamburger.png');
	width:46px;
	height:33px;
	background-size:46px 33px;
	
}

.menu-link.close-panel {	
	background-image:url('../images/hamburger-close.png');
	
}



nav {
	width: 70%;
    position: absolute;
    left: -70%;
    top: 0;
    height: 100%;
    background: #444444!important;
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
	
	
}

nav ul {
	background:none;
	margin: 0;
	padding: 0;
}
nav li a {
	display:block;
	text-align:left;
	width:100%;
	clear:both;
	height:auto;
	line-height:25px;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding:9px 0px 10px 15px;
	font-size:21px;
	font-family:"MyriadPro-Reg",sans-serif;
	font-weight:400;	
}

nav li a:hover {
	background: rgba(255, 255, 255, 0.1);
	text-decoration:none;
}

 .hiddenMenuItem {display:block!important;}
}